page {
  background-color: #f1f3f8;
}
.condition {
	width: 100%;
	height: 42px;
	line-height: 42px;
	background-color: #fff;
	z-index: 99;
	position: fixed;
	left: 0;
  font-size: 26rpx;
  box-shadow: 0px 6px 14px 0px rgb(0 0 0 / 7%);
  color: #666;
}
.condition_blank {
	height: 90px;
}
.condition .left_box {
	float: left;
}
.condition .left_box .items {
  margin-left: -12rpx;
  display: flex;
}
.condition .left_box .items .item {
  margin-left: 15px;
}
.condition .left_box .items .item.on {
  color: #00B38A;
  font-weight: 600;
}
.condition .right_box {
	float: right;
}
.condition .right_box .screen_switch.on {
	color: #00B38A;
}
.condition .right_box .screen_switch span {
	margin-left: 3px;
}
.condition .right_box .icon {
  display: inline-block;
}
.screen_popup {
	height: 100%;
}
.screen_popup .box {
	height: calc(100% - 50px);
	overflow-y: scroll;
}
.screen_popup .box .items {
	padding: 28rpx 28rpx 36rpx 28rpx;
}
.screen_popup .items .item {
	margin-top: 20px;
}
.screen_popup .items .item .title {
  letter-spacing: 1px;
  color: #666;
}
.screen_popup .items .item:first-child {
	margin-top: 0;
}
.screen_popup .options {
	margin-top: 10px;
	margin-right: -6px;
  margin-bottom: -6px;
}
.screen_popup .options span {
	background-color: #eee;
  font-size: 26rpx;
  border-radius: 1px;
  padding: 3px 8px;
  margin-right: 6px;
  margin-bottom: 6px;
  display: inline-block;
  color: #666;
}
.screen_popup .options span.on {
	background: #00B38A;
	color: #fff;
}
.screen_popup .btns {
	width: 100%;
	height: 50px;
	line-height: 50px;
	box-shadow: 0 -1px 0 #ddd;
	display: flex;
  position: absolute;
  bottom: 0;
  z-index: 98;
}
.screen_popup .btns .btn {
	flex: 1;
	text-align: center;
	background-color: #fff;
	color: #333;
}
.screen_popup .btns .btn:last-child {
	background-color: #00B38A;
	color: #fff;
}


.qun_list {}
.qun_list .item {
  background-color: #fff;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  padding: 10px 0;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.qun_list .item .qrcode {
  float: left;
}
.qun_list .item .qrcode .img {
  width: 126rpx;
  height: 126rpx;
  vertical-align: top;
  object-fit: cover;
  border-radius: 3px;
  border: 1px solid #f9f9f9;
  padding: 3px;
}
.qun_list .item .info {
  float: left;
  margin-left: 10px;
  flex: 1;
}
.qun_list .item .tips {
  color: #00B38A;
  text-align: center;
  margin-right: 3px;
  font-weight: 600;
}
.qun_list .item .iconfont {
  color: #00B38A;
  margin-right: 3px;
}
.qun_list .item .iconfont.icon2 {
  color: #0082EF;
}
.qun_list .item .info .name {
  overflow: hidden;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 14px;
}
.qun_list .item .types {
  font-size: 24rpx;
  color: #999;
  margin-top: 3px;
  margin-left: -5px;
}
.qun_list .item .types .span_item {
  margin-left: 5px;
}
.qun_list .item .types2 {}
.qun_list .item .types2 .type_item {
  background-color: #E2FCF6;
  color: #00B38A;
  display: inline-block;
  padding: 0 10px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 5px;
}
.qun_list .item .btn_box {
  float: right;
}
.qun_list .item .btn_box .btn {
  width: 100rpx;
  margin-left: 10px;
  float: right;
  border-radius: 3px;
  background-color: #00B38A;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  font-size: 12px;
}
.qun_list .item .btn_box .btn1 {
  background-color: #f9ae3d;
}
.uloadmore {
  margin-top: 30rpx;
}

.contact_popup {
	width: 690rpx;
}
.contact_popup .box {
	background-color: #fff;
	padding: 40rpx 32rpx;
	text-align: center;
  border-radius: 3px;
}
.contact_popup .btns {
	margin: 30rpx 0;
	display: flex;
}
.contact_popup .btns .btn {
	width: 47%;
	color: #fff;
}
.contact_popup .btns .btn1 {
	background-color: #5ca75b;
}
.contact_popup .btns .btn2 {
	background-color: #d8b66c;
}
.contact_popup .tip2 {
	color: #999;
	font-size: 24rpx;
  margin-top: 5px;
}
.contact_popup .tip2 span {
  margin: 0 3px;
}

.qun_qrcode_popup {
  padding: 50px 0 60px 0;
  text-align: center;
}
.qun_qrcode_popup .qrcode_img {
  margin-top: 30rpx;
}
.qun_qrcode_popup .qrcode_img .img {
  width: 150px;
  height: 150px;
  border: 1px solid #f9f9f9;
  border-radius: 3px;
  vertical-align: top;
  object-fit: cover;
  padding: 3px;
}
.qun_qrcode_popup .tip2 {
  font-size: .75rem;
  color: #999;
  margin-top: 30rpx;
}

.qun_list2 {
  padding-top: 30rpx;
  padding-bottom: 10px;
}
.qun_list2 .item {
  background-color: #fff;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  padding: 30rpx;
  margin-bottom: 30rpx;
  overflow: hidden;
}
.qun_list2 .item .top {
  overflow: hidden;
}
.qun_list2 .item .top .info {
  width: 460rpx;
  float: left;
}
.qun_list2 .item .top .btn {
  width: 140rpx;
  font-size: 12px;
  margin-left: 10px;
  float: right;
  border-radius: 3px;
  background-color: #00B38A;
  color: #fff;
  text-align: center;
  padding: 3px 0;
}
.qun_list2 .item .top .btn1 {
  background-color: #4cae4c;
}
.qun_list2 .item .name {
  font-size: 14px;
}
.qun_list2 .item .tips {
  color: #00B38A;
  margin-right: 3px;
  font-weight: 600;
}
.qun_list2 .item .types {
  font-size: 24rpx;
  color: #999;
  margin-right: -5px;
}
.qun_list2 .item .types .type_item {
  display: inline-block;
  margin-right: 5px;
}
.qun_list2 .item .types2 {}
.qun_list2 .item .types2 .type_item {
  background-color: #E2FCF6;
  color: #00B38A;
  display: inline-block;
  padding: 0 10px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 5px;
}
.qun_list2 .item .images {
  margin-top: 20rpx;
}
.qun_list2 .item .images .item_img {
  width: 200rpx;
  height: 200rpx !important;
  border-radius: 5px;
  float: left;
  margin-left: 15rpx;
  overflow: hidden;
  position: relative;
}
.qun_list2 .item .images .item_img:first-child {
	margin-left: 0;
}
.qun_list2 .item .images .item_img .img {
  width: 100%;
}
.qun_list2 .item .images .item_img .img1 {
  height: 100%;
}
.qun_list2 .item .images .item_img .img2 {
  position: absolute;
  top: 0;
  left: 0;
}
.qun_list2 .item .images .item_img .img3 {
  position: absolute;
  bottom: 0;
  left: 0;
}

.popup1 {}
.popup1 {
	width: 690rpx;
  background-color: #fff;
  border-radius: 3px;
}
.popup1 .top {
	width: 100%;
	text-align: center;
	height: 90rpx;
	line-height: 90rpx;
	border-bottom: 1px solid #f9f9f9;
  background-color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.popup1 .top {
	position: relative;
}
.popup1 .top .title {
	letter-spacing: 2px;
  font-weight: 600;
}
.popup1 .top .close {
	position: absolute;
  top: 0;
	right: 40rpx;
	height: 90rpx;
	line-height: 90rpx !important;
	color: #999;
}
.popup1 .items {
  height: 600rpx;
  width: 100%;
}
.popup1 .items .item {
  background-color: #fff;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  padding: 30rpx;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  border-bottom: 1px solid #f9f9f9;
}
.popup1 .items .item:last-child {
  border-bottom: none;
}
.popup1 .items .item .qrcode {
  float: left;
}
.popup1 .items .item .qrcode .img {
  width: 110rpx;
  height: 110rpx;
  vertical-align: top;
  object-fit: cover;
  border-radius: 3px;
  border: 1px solid #f9f9f9;
  padding: 3px;
}
.popup1 .items .item .info {
  float: left;
  margin-left: 10px;
  flex: 1;
}
.popup1 .items .item .info .name {
  overflow: hidden;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.popup1 .items .item .types {
  font-size: 24rpx;
  color: #999;
  margin-top: 3px;
  margin-left: -5px;
}
.popup1 .items .item .types .span_item {
  margin-left: 5px;
}
.popup1 .items .item .iconfont.on {
  color: #1AAD19;
}
.popup1 .foot_btns {
  width: 100%;
  display: flex;
  border-top: 1px solid #f9f9f9;
  padding-top: 30rpx;
  padding-bottom: 30rpx;
}
.popup1 .foot_btns .item {
  width: 50%;
  text-align: center;
}
